<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- PAGE TITLE -->
<title>主页</title>

<!-- ===================================
	FAVICON ICON
==================================== -->
<link rel="shortcut icon" href="images/favicon.ico">

<!-- ===================================
	NORMALIZE CSS
==================================== -->
<link rel="stylesheet" href="css/normalize.css">

<!-- ===================================
	BOOTSTRAP 
==================================== -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- ===================================
	GOOGLE FONTS
==================================== -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:600,700,400,300' rel='stylesheet' type='text/css'>

<!-- ===================================
	FONTS ICON
==================================== -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css">

<!-- ===================================
	PLUGIN
==================================== -->
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/slider-pro.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/animate.css">

<!-- ===================================
	MAIN STYLESHEET
==================================== -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/color-green.css" id="colors" />



<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
	<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<script src="http://s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
	<script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>

<body>
<!-- ===================================
	PRELOADER
==================================== -->
<div class="preloader">
	<div class="status"></div>
</div>

<!-- ===================================
	HEADER
==================================== -->
<header>
	<!-- Navigation Menu start-->
	<nav class="navbar clean-main-menu" role="navigation">
		<div class="container">

			<!-- Navbar Toggle -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>

				<!-- Logo -->
				<a class="navbar-brand" href="index.html"><img class="logo" id="logo" src="images/logo.png" alt="Page"></a>

			</div>
			<!-- Navbar Toggle End -->

			<!-- navbar-collapse start-->
			<div id="nav-menu" class="navbar-collapse collapse" role="navigation">
				<ul class="nav navbar-nav clean-menu-wrapper">
					<li class="active">
						<a href="#clean-slider">主页</a>
					</li>
					<li>
						<a href="#about">关于</a>
					</li>
					<li>
						<a href="#offer">特点</a>
					</li>
					<li>
						<a href="#pricing">价格</a>
					</li>
					<li>
						<a href="#contact">联系</a>
					</li>
				</ul>
			</div>
			<!-- navbar-collapse end-->

		</div>
	</nav>
	<!-- Navigation Menu end-->
</header>


<!-- ===================================
	MAIN SLIDER
==================================== -->
<section class="slider-pro clean-slider" id="clean-slider">
	<div class="sp-slides">

		<!-- Slides -->
		<div class="sp-slide clean-main-slides">
			<div class="clean-img-overlay"></div>

			<img class="sp-image" src="images/slider/1.jpg" alt="Slider 1"/>

			<h1 class="sp-layer clean-slider-text-big"
			data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
			<span class="clean-color-contras">绿色</span> - 森林公园
			</h1>
			<p class="sp-layer"
			data-position="center" data-vertical="15%" data-show-delay="2000" data-hide-delay="200" data-show-transition="left" data-hide-transition="down">
			   拥抱大自然 拥抱健康
			</p>

		</div>
		<!-- Slides End -->

		<!-- Slides -->
		<div class="sp-slide clean-main-slides">
		<div class="clean-img-overlay"></div>
			<img class="sp-image" src="images/slider/2.jpg" alt="Slider 2"/>

			<h1 class="sp-layer clean-slider-text-big"
			 data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
				<span class="clean-color-contras">绿色</span> - 森林公园
			</h1>

			<p class="sp-layer"
			 data-position="center" data-vertical="15%" data-show-delay="2000" data-hide-delay="200" data-show-transition="left" data-hide-transition="down">
				大自然给予的 天然的氧吧
			</p>
		</div>
		<!-- Slides End -->

		<!-- Slides -->
		<div class="sp-slide clean-main-slides">
			<div class="clean-img-overlay"></div>

			<img class="sp-image" src="images/slider/3.jpg" alt="Slider 3"/>

			<h1 class="sp-layer clean-slider-text-big"
			data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
			 <span class="clean-color-contras">绿色</span> - 森林公园
			</h1>

			<p class="sp-layer"
			data-position="center" data-vertical="15%" data-show-delay="1000" data-hide-delay="200" data-show-transition="left" data-hide-transition="down">
				倾听大自然的声音
			</p>

		</div>
		<!-- Slides End -->

	</div>
</section>


<!-- ===================================
	ABOUT SECTION
==================================== -->
<section id="about" class="clean-section-wrapper background-one">
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 clean-section-header wow fadeInDown">
				<h1><span class="clean-color-contras">关于服务</span></h1>
				<div class="clean-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">我们的森林公园位于中国山水之乡：广西玉林 大容山森林公园，大容山森林公园是国家级森林公园，位于广西北流市境内。大容山的主峰莲花顶海拔1275.6米，公园总面积2930公顷，距玉林城区46公里，北流23公里，为桂东南第一峰，史称南方西岳。 [1] 
森林公园山体高大，森林密布，山中地貌一般在海拔1000米左右，属亚热带气候区，春雾、夏凉、秋爽、冬干，四季景色各异。公园森林覆盖率达92.5%，原生植被为南亚热带常绿阔叶林，公园共有植物357种，属国家重地保护的植物有23种；公园内常见的野生动物有22目61科180种</p>
			</div>
			<!-- Section Header End -->

			<!-- What We Do -->
			<div class="clean-what-we-do">

				<div class="col-md-3 col-sm-3 col-xs-12 clean-blurb-round-icon wow bounceInLeft">
					<div class="clean-icon">
						<i class="fa fa-html5"></i>
					</div>
					<h3>地理位置</h3>
					<p>大容山森林公园位于北流市北端的大容山腹地内，公园中心距北流市23公里，周边与玉州、北流、兴业、容县、桂平等五个县（市）区交界，方圆达千余平方公里。大容山森林公园大容山东西长40余公里，南北宽20余公里方圆千余平方公里</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 clean-blurb-round-icon wow bounceIn" data-wow-delay=".5s">
					<div class="clean-icon">
						<i class="fa fa-css3"></i>
					</div>
					<h3>气候特点</h3>
					<p>大容山气候宜人，年平均气温16.8至19.6摄氏度。冬暖夏凉，空气中负氧离子含量最高达89300个/立方厘米，是桂东南的天然氧吧。夏日的大容山国家森林公园，山门至龙门一带气温保持在24℃~26℃，山顶基本在22℃。大容山的最佳旅游季节是夏季和冬季，夏季的时候很凉快，冬季的时候会出现雾淞景观。</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 clean-blurb-round-icon wow bounceIn" data-wow-delay=".5s">
					<div class="clean-icon">
						<i class="fa fa-laptop"></i>
					</div>
					<h3>植物资源</h3>
					<p>
大容山森林公园山高林密，森林覆盖率达92.5 % ，林木四季常绿，还有许多古树，树长得茂密。随着海拔升高，森林植被类型旱现出有序变化。</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 clean-blurb-round-icon wow bounceInRight" data-wow-delay=".5s">
					<div class="clean-icon">
						<i class="fa fa-support"></i>
					</div>
					<h3>山体资源</h3>
					<p>山内有二十四座高峰，其中高达千米以上的有六座由莲花顶三县顶三宝顶等千米高峰构成的主山脊，横亘于桂东南的丘陵地段上，主峰莲花顶海拔1275.6米为桂东南第一高峰。</p>
				</div>

			</div>
			<!-- What We Do End -->

		</div>
	</div>
</section>



<!-- ===================================
	SCREENSHOOT
==================================== -->
<section class="clean-custom-sec clean-section-wrapper background-two">
	<div class="container">
		<div class="row">
			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 clean-section-header wow fadeInDown">
				<h1><span class="clean-color-contras">我们的主题</span></h1>
				<div class="clean-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">我们的主旨在于打造天然的森林公园，让顾客从都市中释放出来，享受自然氧吧，放松身心，探索自然</p>
			</div>
			<!-- Section Header End -->

			<div class="col-md-6 col-sm-6 col-xs-12 clean-custom-sec-img wow bounceInLeft">
				<img src="images/custom.jpg" alt="Custom Image">
			</div>

			<div class="col-md-6 col-sm-6 col-xs-12 clean-custom-sec-text wow bounceInRight">
				<h3>基础建设</h3>
				<p>大容山森林公园于1996年7月经广西批准其为省级森林公园后，在2003年11月，国家批准其为国家森林公园。广西玉林大容山旅游发展有限公司从2010年起首期投资4000万元人民币（总投资6亿元），开发、经营和管理广西玉林大容山国家森林公园旅游项目。至2014年公园一建成旅游资源丰富，森林植被类型复杂，生物多样性广，气候宜人的生态旅游景区。</p>
				   
			</div>
		</div>
	</div>
</section>

<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

<!-- ===================================
	OFFER SECTION
==================================== -->
<section id="offer" class="clean-section-wrapper clean-offer-section  background-two">
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 clean-section-header wow fadeInDown">
				<h1><span class="clean-color-contras">主要景区</span></h1>
				<div class="clean-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">我们的主旨在于打造天然的森林公园，让顾客从都市中释放出来，享受自然氧吧，放松身心，探索自然</p>
			</div>
			<!-- Section Header End -->

			<!-- Services -->
			<div class="clean-service-wrapper">
				<div class="col-md-4 col-sm-4 col-xs-12 wow bounceInLeft">

					<div class="clean-blurb-icon-only">
						<i class="fa fa-html5"></i>
						<h3>九瀑谷景区</h3>
						<p>
九瀑谷景区是原生态的溪谷长廊，全长3公里，溪谷以生态为主题，以谷幽水清、石美林秀为特色，瀑、潭、滩贯穿整条溪谷，终年都可以听到群水流动的声音，森林植被也多，有金花茶、石兰等国家珍稀保护植物，还有野枣林、野竹
林、山荔枝、山黄皮、山草莓等。空气含负氧离子高达8.9万个/cm，溪谷长廊，有岭南第一谷的称呼</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-css3"></i>
						<h3>天湖景区</h3>
						<p>天湖圣诞林景区位于大容山三宝顶北面海拔800多米的一个高山盆地，那里的圣诞林四季碧绿，森林、湖泊、溪流、草甸交织相连。主要景点有天然牧场、野生茶园、欧式溪谷。
天湖景区是以休闲娱乐为主题，以圣诞林风光为特色，是大型电影剧《廉石魂》、《何以尚》、《红七军》、《飞越环宇》的拍摄基地。天湖景区森林茂密，长满了绿草，因有高山湖泊而得名，有绿野仙踪，天上人间的说法。至身其中，可徒步穿行于森林中，漫步于溪谷山间，奔驰于高山草地，也可以赤脚于溪间摸虾捉鱼，修仙于树上楼阁，或泛舟荡水。</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-jsfiddle"></i>
						<h3>莲花景区</h3>
						<p>位于大容山莲花一带，平均海拔1100米，形成了高山草甸，高山湖泊，高山飞瀑等综合景观，是具有奥地利风格的欧式山水画。主要的景点有桂东南第一峰，高山草甸阳光浴场、天河瀑布、高山溪谷、高山草甸运动场、原始森林、不老梅泉、南方西岳封禅台、古战场遗址等。</p>
					</div>

				</div>

				<div class="col-md-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s">

					<div class="clean-blurb-icon-only">
						<i class="fa fa-laptop"></i>
						<h3>桫椤谷漂流</h3>
						<p>大容山漂流——高山瀑布下的漂流，位于广西北流市大容山国家森林公园九瀑谷景区下游，总落差约300米，最高单级落差8米。新建设的漂流河道延长至3.2公里，增加了适合青少年参与的逍遥漂。大容山漂流水质清澈，沿途风景优美；漂流落差大，精彩刺激；沿途均有护漂员保护，安全度高。</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-cog"></i>
						<h3>望君山景区</h3>
						<p>望君山具有林茂、山雄、水秀、树怪、石奇、神奇迷人的
气象景观等特点。植被类型属亚热带常绿阔叶林植被，森林覆盖率达95%，有各种乔木、灌木层及草本植物及各种珍稀动物如：蟒蛇、眼镜蛇、穿山甲、石蛙、山乌龟、鹰咀龟等，是桂东南动植物的天然宝库。公园内的森林杉木，八角林相整齐，优越的森林生态环境造就了清新自然的游憩场所。望君山险峻，穴中有洞、洞中有厅。景区内形成了石景观，有些像八仙过海，或状似万马奔腾，有石羊头、雷劈石、状元山、小三片石、大三片石等</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-star"></i>
						<h3>莲花瀑布</h3>
						<p>莲花瀑布位于莲花景区诸峰围绕的大莲池，落差巨大，可以媲美于庐山的三叠瀑。莲花瀑布在流量不同的时候呈现出不同的风姿。在丰水期，瀑布犹如一匹巨大的珠帘 从山峰上倾泻而下， 声如雷鸣。在枯水期，瀑布飘洒而下。</p>
					</div>

				</div>

				<div class="col-md-4 col-sm-4 col-xs-12 wow bounceInRight">

					<div class="clean-blurb-icon-only">
						<i class="fa fa-support"></i>
						<h3>欧陆风光</h3>
						<p>　大容山的莲池画廊很安静。那里有碧绿的高山草甸，还有好多的高山湖泊、高山瀑布。高山上还有圣诞林，这些构成了大容山森林公园的欧陆风光。</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-arrow-up"></i>
						<h3>冰挂雾凇</h3>
						<p>
　　隆冬季节，万物失去了生机，大容山顶却呈现出千树万树梨花开的雾凇景象。它是雾气在低于0℃的附着物上直接凝华而成的产物，由白色的小冰粒积聚，包裹在附着物的外面，宛如玉树琼枝。</p>
					</div>

					<div class="clean-blurb-icon-only">
						<i class="fa fa-play"></i>
						<h3>桂东南第一峰</h3>
						<p>海拔1275.6米的桂东南第一峰高大，极目远眺， 远山连绵。在峰间可以听到山林里的各种声音，也可以看见山间的植物的各种颜色</p>
					</div>

				</div>
				<!-- Services End -->

			</div>
		</div>
	</div>
</section>


<!-- ===================================
	PRICING TABLE SECTION
==================================== -->
<section id="pricing" class="clean-pricing-section">
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 clean-section-header wow fadeInDown">
				<h1><span class="clean-color-contras">价格</span></h1>
				<div class="clean-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">我们的主旨在于打造天然的森林公园，让顾客从都市中释放出来，享受自然氧吧，放松身心，探索自然</p>
			</div>
			<!-- Section Header End -->

			<div class="clean-pricing-wrapper">

				<!-- Plans -->
				<div class="col-md-4 col-sm-4 col-xs-12 clean-pricing-plans wow bounceInLeft">
					<div class="clean-pricing-titles">
						<h2>免费</h2>
						<p><span>￥0/</span>次</p>
					</div>
					<div class="clean-pricing-service-name">
						<ul>
							<li>包括：</li>
							<li>瀑布观光</li>
							<li>爬山</li>
							<li>日出观光</li>
							<li>日落观光</li>
						</ul>
					</div>

					<a href="" class="clean-signup-btn">预订</a>
				</div>
				<!-- Plans End -->

				<!-- Plans -->
				<div class="col-md-4 col-sm-4 col-xs-12 clean-pricing-plans clean-recommended-pricing wow fadeInUp" data-wow-duration="1s">
					<div class="clean-pricing-titles">
						<h2>露营</h2>
						<p><span>￥100/</span>晚</p>
					</div>
					<div class="clean-pricing-service-name">
						<ul>
							<li>提供：</li>
							<li>晚餐</li>
							<li>帐篷</li>
							<li>被子</li>
							<li>山泉水</li>
						</ul>
					</div>

					<a href="" class="clean-signup-btn">预订</a>
				</div>
				<!-- Plans End -->

				<!-- Plans -->
				<div class="col-md-4 col-sm-4 col-xs-12 clean-pricing-plans wow bounceInRight">
					<div class="clean-pricing-titles">
						<h2>景区一日游</h2>
						<p><span>￥150/</span>天</p>
					</div>
					<div class="clean-pricing-service-name">
						<ul>
							<li>提供：</li>
							<li>景区观光车</li>
							<li>主要景点入场券</li>
							<li>温泉门票</li>
							<li>午餐</li>
						</ul>
					</div>

					<a href="" class="clean-signup-btn">预订</a>
				</div>
				<!-- Plans End -->

			</div>
		</div>
	</div>
</section>


<!-- ===================================
	CONTACT SECTION
==================================== -->
<section id="contact" class="clean-section-wrapper clean-contact-section background-one" data-stellar-background-ratio="0.5">
<div class="clean-parallax-overlay"></div>
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 clean-section-header wow fadeInDown clean-section-header-parallax">
				<h1><span class="clean-color-contras">联系我们</span></h1>
				<div class="clean-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">电话热线：888888</p>
			</div>
			<!-- Section Header End -->

			<div class="clean-contact-details">

				<!-- Contact Form -->
				<div class="col-md-12 col-sm-12 col-xs-12 clean-contact-form wow bounceInRight">
					<div id="contact-result"></div>
					<div id="contact-form">
						<div class="clean-input-name clean-input-fields">
							<label for="name">用户名</label>
							<input type="text" name="name" id="name" required>
						</div>

						<div class="clean-input-email clean-input-fields">
							<label for="email">邮件</label>
							<input type="email" name="email" id="email" required>
						</div>

						<div class="clean-input-message clean-input-fields">
							<label for="message">信息</label>
							<textarea name="message" id="message" cols="30" rows="10"></textarea>
						</div>

						<input type="submit" value="SEND MESSAGE" id="submit-btn">
					</div>
				</div>
				<!-- Contact Form End -->

			</div>
		</div>
	</div>
</section>


<!-- ===================================
	FOOTER SECTION
==================================== -->
<footer class="background-two">
	<div class="container">
		<div class="row">
			<div class="clean-footer-content">

				<div class="clean-footer-logo wow bounceIn" data-wow-offset="0">
					<a href="index.html">
						<img id="logo-footer" src="images/logo.png" alt="clean">
					</a>
				</div>

				<p class="clean-copyright-info">版权所有 &copy; 2018.版权归森林公园所有 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">森林公园</a> -来源于 <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">森林公园</a></p>

				<ul class="clean-footer-social-info">
					<li>
						<a href=""><i class="fa fa-facebook"></i></a>
					</li>
					<li>
						<a href=""><i class="fa fa-twitter"></i></a>
					</li>
					<li>
						<a href=""><i class="fa fa-google-plus"></i></a>
					</li>
					<li>
						<a href=""><i class="fa fa-linkedin"></i></a>
					</li>
				</ul>

			</div>
		</div>
	</div>
</footer>

<!-- ===================================
	SCRIPTS
==================================== -->
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.sliderPro.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
